<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href=""/>
    <!-- 阿里巴巴矢量库地址-->
</head>
<body>
<!--颜色选择器-->
<input type="color"/>
<!--电话-->
<input type="tel"/>
<!--电话PC端无效果，移动端会显示数字-->
<!--按钮-->
<input type="button" value="按钮"/>
<!--按钮常用-->
<button>
    <img src="../img/1.jpg" >
</button>
<button> <i class="iconfont_icon_dihui"></i></button>
<!-- 提交按钮-->
<input type="submit"/>
<!--重置按钮-->
<input type="reset"/>
<!--布局-->
<!--线-->
<hr/>
<!--块-->
<div></div>
<!--换行-->
<br/>
<!--h5新标签-->
<!--网页头部-->
<header></header>
<!--导航栏-->
<nav></nav>
<!--主体-->
<article></article>
<!--楼层块-->
<section></section>
<!--侧边栏-->
<aside></aside>
<!--网页页脚-->
<footer></footer>
<!--视频模块-->
<video src=""></video>
<!--声频-->
<audio src=""></audio>

<!--html和CSS文件命名一样，相互对应-->
<div class="box">您好</div>

</body>
</html>